The Leading Site for Learning JavaScript for WordPress
  • Support
  • Slack
  • Blog
  • Contact
  • My Account
  • Log In
Menu Close
The Leading Site for Learning JavaScript for WordPress
  • $0.00 0 items
  • Support
  • Slack
  • Blog
  • Contact
  • My Account
  • Log In
  • Home
  • Courses
  • Books
  • Bootcamps
  • Conference
  • Memberships

JavaScript for WordPress

JavaScript for WordPress

Tutorials, Courses, Bootcamps and Conferences

  • Home
  • Courses
  • Books
  • Bootcamps
  • Conference
  • Memberships
  • $0.00 0 items

Theming with Gutenberg

Gutenberg Block Development Course from Zac Gordon
Next
  • Menu
  • Menu

Theming with Gutenberg

Home > Dashboard

Course Content

Expand All | Collapse All
Sections Status
1

An Introduction to Theming with Gutenberg

2

Gutenberg Compatible Themes
  • “Gutenberg Compatible” Themes
  • Enqueuing CSS & JavaScript in Gutenberg Compatible Themes
  • Wide and Full Align Support
  • Making an Existing Template Gutenberg Compatible
  • Making an Existing Theme Gutenberg Compatible

3

The Gutenberg Starter Theme
  • An Introduction to The Gutenberg Starter Theme
  • An Overview of the Gutenberg Starter Theme Source Code
  • The functions.php File and Theme Support
  • Overview of Basic Template Markup
  • Gutenberg Starter Theme Stylesheets
  • Beginning to Customize the GB Starter Theme

4

Customizing Default Block Styling
  • Styling Gutenberg Blocks
  • Default Block Styles
  • Finding Block Classes
  • Setting Up Our Theme Code
  • Example: Quote Blocks
  • Example: Cover Image Block
  • Example: Button Block
  • Example: Embed Blocks
  • Styling Columns

5

Custom Color Palettes
  • An Introduction to Custom Color Palettes
  • How to Add Custom Color Palettes to a Theme
  • Locking Down a Color Palette By Disabling the Custom Color Picker

6

Block Templates
  • An Introduction to Block Templates
  • Adding Block Templates to a Theme
  • Adding Column to Block Templates
  • Locking Block Templates
  • Custom Post Type Block Template
  • Moving Block Templates to a Plugin

7

Course Review

The JS for WP Bootcamp

The JavaScript for WordPress 12 Week Bootcamp with Zac Gordon

Recent Posts

  • 2022 Personal & Professional Update! What’s Next for JavaScript & WordPress
  • Workshop Announcement for New Speakers at the JS for WP Conf
  • 2020 Plans
  • Extending WPGraphQL for Custom Meta Boxes with React and Apollo in a WordPress Theme Tutorial

JavaScript for WordPress

This site is dedicated to helping folks learn the popular programming language, JavaScript, both on its own and alongside the popular CMS WordPress.

 

💗 Share the Love

Please sign up for the 20% Affiliate Program if you choose to share about the content here 🙂

Newsletter Signup

Courses

  • Intro to JavaScript Basics [FREE]
  • React Explained
  • Gutenberg Development
  • Advanced Gutenberg Development
  • Gatsby Basics
  • Gatsby and WordPress [IN RELEASE]

Follow @zgordon on Twitter.

Zac recommends his PHP Focused WordPress Theme and Plugin Development Course on Udemy as a prerequisite for the JavaScript for WordPress Courses on this site